<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
    .upload {
        position: relative;
    }

    .upImg {
        width: 100px;
        height: 100px;
    }

    .upImg:hover {
        cursor: pointer;
    }

    .closeUpload {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .myupdataList {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .mybutton {
        background: #fff;
        height: 200px;
        width: 150px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #a9b7b7;
        border: 2px solid #a9b7b7;
        margin-right: 10px;
        padding: 10px;
    }

    .mybutton:hover {
        cursor: pointer;
    }

    .layui-form-label {
        width: 115px !important;
    }

    .layui-input-block {
        display: flex;
        width: calc(100% - 115px);
    }

    .layui-input-block1 {
        width: calc(100% - 115px);
        margin-left: 115px;
        border: 1px solid #ccc;
       z-index: 999; /* 按需定义 */
       height: 260px;
    }

    #contractState, #mySelect1, #mySelect2, .layui-form-select {
        width: 100%;
    }

    .layui-input {
        color: #000 !important;
    }
    a{
        margin: 0 10px;
    }
</style>

<body>

<input type="hidden" th:value="${type}" id="type"/>
<input type="hidden" th:value="${id}" id="dataId"/>
<input type="hidden" th:value="${myData}" id="myData"/>

<div class="layui-fluid mt2">
    <form class="layui-form"  >

        <div class="layui-form-item">
            <label class="layui-form-label required">类型名称</label>
            <div class="layui-input-block">
                <input type="text" name="name" lay-verify="required" autocomplete="off"
                       placeholder="请输入类型名称"
                       id="name"
                       th:value="${myData?.name}"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">顺序</label>
            <div class="layui-input-block">
                <input type="text" name="sort" th:value="${myData?.sort}" lay-verify="sort" autocomplete="off" placeholder="请输入" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">状态</label>
            <div class="layui-input-block">
                <input type="checkbox" name="status"
                       th:checked="${myData?.status==1}"
                       th:disabled="${type=='info'}"
                       title="开|关" lay-skin="switch" lay-filter="switchTest">
            </div>
        </div>


        <div class="layui-form-item  layui-flow-more">
            <div class="layui-inline">
                <button type="submit" class="layui-btn" lay-submit lay-filter="submit"
                        th:text="${type=='add'?'立即提交':'确定'}"></button>
            </div>
        </div>

    </form>
</div>
<div th:include="include::footer"></div>
<script type="text/javascript" src="/js/webJs/jzweb/jazGroupProdType/info.js"></script>

</body>
</html>
